@charset "UTF-8";
*{ margin: 0;padding: 0;box-sizing: border-box;}

button{outline:none;cursor: pointer;} button, select { text-transform: none; }

html { font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "黑体", Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none !important; color: #333;cursor: pointer; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #333 !important;}

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

img { border: 0; }

header{width: 100%;position: fixed; top: 0;z-index: 9999;height: auto;}

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal;outline: none; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type=text], input[type=password], select, textarea { border: #333 1px solid; outline: none; }

input:hover[type=text], input:hover[type=password], select:hover, textarea:hover, input:focus[type=text], input:focus[type=password], select:focus, textarea:focus { border-color: #993333; }

textarea {  overflow: auto;height: auto; border: #eee 1px solid; border-radius: .06rem; padding: .06rem; }

table { border-collapse: collapse; border-spacing: 0; }

body { color: #333; font-size: .37rem; overflow-x: hidden; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

html, body { min-height: 100%; }

.show { display: block !important; } .hide{display: none;}

.display-ilbk{display: inline-block;}

.display-tb{display: table;width: 100%;}

.fl{float: left;} .fr{float: right;}

.bold{font-weight: bold;}

.t-align-c{text-align: center;} .t-align-l{text-align: left;} .t-align-r{text-align: right;}

.ellip{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 

.ellips{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; }

.flex-1{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-flex: 1;-moz-box-flex: 1;}

.flex-wrap{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}

.flex-align-c{-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;}

.flex-justify-c{-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit--moz-box-pack:center;box-pack:center;}

.flex-justify-b{justify-content: space-between;}

.flex-align-c1{-webkit-align-content: center;align-content: center;}

.fontWhite{color: #fff;} .fontGrey{color: #999;} .fontRed{color: #E02727;} .fontG1{color: #A2A2A2;} .fontYel{color: #FFC700;} .fontG2{color: #C2C2C2;} 

.mt-15{margin-top: 0.2rem;} .mt-10{margin-top: .13rem;} .mt-20{margin-top: .26rem;} .mt-30{margin-top: 0.4rem;} .mt-40{margin-top: .53rem;} .mt-100{margin-top: 1.33rem;} .mt-80{margin-top: 1.06rem;} .mt-60{margin-top: .8rem;} .mt-50{margin-top: .66rem;}

.mb-5{margin-bottom: .06rem;} .mb-10{margin-bottom: .13rem;} .mb-20{margin-bottom: 0.26rem;}.mb-40{margin-bottom: 0.53rem;} .mb-50{margin-bottom: .66rem;} .mb-60{margin-bottom: .8rem;} 

.ml-5{margin-left: 0.06rem;} .ml-10{margin-left: 0.13rem;} .ml-20{margin-left: 0.26rem;} .ml-25{margin-left: 0.33rem;}.ml-30{margin-left: 0.4rem;} .ml-35{margin-left: 0.46rem;} .ml-40{margin-left: 0.53rem;}

.mr-20{margin-right: 0.26rem;} .mr-30{margin-right: 0.4rem;} .mr-90{margin-right: 1.2rem;} 

.f16{font-size: .21rem;} .f20{font-size: .26rem;} .f22{font-size: 0.29rem;} .f24{font-size: .32rem;} .f28{font-size: .37rem;} .f32{font-size: .42rem;} .f36{font-size: .48rem;} .f48{font-size: .64rem;} .f60{font-size: 0.8rem}

.mainContainer{width: 9.2rem;margin: auto;}

.state1 img,.leftBtn img,.rightBtn img,.chooseBox .btn1 img{width: 100%;height: 100%;}

/* 物流页面 */
.logisCont{
	margin-top: .32rem;
	box-shadow: 0px 0px .24rem 0px rgba(53, 56, 82, 0.14);
	border-radius: .13rem;
	padding: .53rem .8rem;
	font-size: 0.32rem;
	background-color: #fff;
}
.logisCont .cases .img1{
	width: 0.26rem;
	height: 0.24rem;
	margin-right: 0.1rem;
}
.logisCont .cases .img2{
	width: 0.33rem;
	height: 0.33rem;
	margin-right: 0.1rem;
}
.logisCont .cases .img3{
	width: 0.33rem;
	height: 0.33rem;
	margin-right: 0.44rem;
}
.birparCont .logisCont .cases .cont{
	margin-bottom: .46rem;
}
.logisCont .cases .cont{
	margin-bottom: 0.6rem;
}
.logisCont .cases .cont:last-child{
	margin-bottom: 0;
}
.logisCont .cases .cont .address span{
	display: block;
}
.logisCont .cases .tit{
	margin-bottom: 0.26rem;
	padding-bottom: 0.33rem;
	border-bottom: 0.02rem dashed rgba(223, 40, 40, .15);
}
.logisCont .cases .copy{
	height: .4rem;
	line-height: .4rem;
	background: #DF2828;
	border-radius: .13rem;
	color: #fff;
	font-size: 0.26rem;
	padding: 0 0.13rem;
	margin:-.04rem 0 0 .26rem;
}
.logisCont .cases1{
	padding-top: 0.13rem;
}
.logisCont .cases1 .cont{
	position: relative;
	padding-bottom: 0.6rem;
	border-left: 1px solid #DFDFDF;
	padding-left: 0.35rem;
	display: inline-block;
}
.logisCont .cases1 .cont .state1{
	position: absolute;
	left: -.17rem;
	top: -.15rem;
	width: 0.34rem;
	height: 0.34rem;
}
.logisCont .cases1 .cont .state2{
	position: absolute;
	left: -.08rem;
	top: 0rem;
	width: 0.16rem;
	height: 0.16rem;
	background: #A2A2A2;
	border-radius: 50%;
}
.logisCont .cases1 .cont .t1{
	margin-top: -.11rem;
}
.logisCont .cases1 .cont:last-child{
	border: none;
}
.logisCont .cases1 .cont:last-child{
	padding-bottom: 0;
}

/* 学校名称+生日会 */
.birparCont{
	width: 9.54rem;
	margin: auto;
}
.bannerBox .carousel,.bannerBox .carousel-inner,.bannerBox .item{
	height: 100%;
}
.bannerBox .item{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.bannerBox .item img{
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
}
.birparCont .bannerBox{
	position: relative;
	width: 100%;
	height: 3.97rem;
	background: url(../img/bg2.png);
	background-size: 100% 100%;
	box-shadow: 0px 0px .24rem 0px rgba(82, 58, 53, 0.14);
	border-radius: .13rem;
	margin: 0.26rem 0 0.29rem;
	overflow: hidden;
}
.birparCont .bannerBox .cont{
	width: 7.6rem;
	margin: 0 0 0 1.15rem;
	height: 100%;
}
.birparCont .bannerBox .cont .ct1{
	flex-direction: column;
}
.birparCont .bannerBox .xz-img img{
	width: 4rem;
	height: 2.4rem;
}
.birparCont .bannerBox .leftBtn,.birparCont .bannerBox .rightBtn{
	position: absolute;
	top: 1.69rem;
	width: 0.49rem;
	height: 0.49rem;
	/* background-color: #Ff0000; */
}
.birparCont .bannerBox .leftBtn{
	left: 0.26rem;
}
.birparCont .bannerBox .rightBtn{
	right: 0.26rem;
}
.bottom-btn{
	width: 8.14rem;
	height: 1.09rem;
	line-height: 1.09rem;
	background: linear-gradient(90deg, #DF2828, #E34040);
	box-shadow: 0px 0.05rem 0.08rem 0px rgba(224, 74, 25, 0.47);
	border-radius: 0.52rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 0.38rem;
	letter-spacing: 0.13rem;
	margin: auto;
}
.birparCont .bottom-btn,.bmanageCont .bottom-btn{
	position: fixed;
	bottom: 0.7rem;
	left: 50%;
	transform: translateX(-50%)
}
/* 分校管理 */
.bmanageCont{
	width: 9.4rem;
	margin:0.2rem auto;
}
.branTable table {
	text-align: center;
}
.branTable .table>thead>tr>th{
	height: 1.2rem;
	line-height: 1.2rem;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid rgba(255, 237, 178, .6);
	border-right: 1px solid rgba(255, 237, 178, .6);
	background-color: rgba(255, 237, 178, .2);
	font-size: 0.32rem;
	font-weight: normal;
}
.branTable .table>thead>tr>th:last-child{
	border-right: none;
}
.branTable .table-striped>tbody>tr:nth-of-type(odd){
	background-color: #fff;
}
.branTable .table-striped>tbody>tr:nth-of-type(even){
	background-color: rgba(255, 237, 178, .04);
}
.branTable .table>tbody>tr>td{
	color: #A2A2A2;
	height: 1.06rem;
	line-height: 1.06rem !important;
	padding: 0 !important;
	font-size: 0.32rem;
	border-top: transparent !important;
	border-bottom: 1px solid rgba(255, 237, 178, .6);
	border-right: 1px solid rgba(255, 237, 178, .6);
}
.branTable .table>tbody>tr>td:last-child{
	border-right: none;
}
.branTable .table>tbody>tr:last-child td{
	border-bottom: none;
}
.branTable  .editBox{
	width: 100%;
	height: 100%;
}
.branTable  .editBox .btnCont{
	height: 100%;
}
.branTable  .editBox .editBtn{
	width: 1.32rem;
	height: 100%;
	background: #FFC100;
	float: right;
}
.branTable  .editBox .editBtn img,.branTable  .editBox .delBtn img{
	width: 0.33rem;
	height: 0.33rem;
}
.branTable  .editBox .delBtn{
	width: 1.18rem;
	height: 100%;
	background: #DF2828;
	float: right;
}
.branTable .chooseBox{
	width: 100%;
	height: 1.2rem;
}
.branTable .chooseBox .btn1{
	width: 0.24rem;
	height: 0.29rem;
}
.branTable .chooseBox .t1{
	height: 100%;
	line-height: normal;
	flex-direction: column;
	margin: 0 0.4rem;
}
.branTable .chooseBox .t1 span{
	display: block;
}
.bmanageCont .bottom-btn{
	margin: 2.13rem auto 0.7rem;
}
.fan{
	transform: rotate(180deg);
}
.bgCont{
	width: 100%;
	background-image: url(../img/bgimg.png);
	background-size: 100% 4.46rem;
	background-repeat: no-repeat;
	display: inline-block;
}
.bgCont .bg1{
	position: relative;
	width: 9.69rem;
	height: 0.42rem;
	background: #CF1815;
	border-radius: 0.21rem;
	margin: 1.5rem auto 0;
}
.bgCont .bg2{
	position: absolute;
	top: 1.4rem;
	z-index: 9;
}
.bgCont .bg2 img{
	width: 100%;
	height: 0.6rem;
}
.bgCont .cont1{
	position: relative;
	z-index: 8;
	width: 9.41rem;
	padding: 0.21rem 1.33rem 0.6rem 1.2rem;
	background: #FFF;
	box-shadow: 0px 0px 0.24rem 0px rgba(189, 65, 33, 0.4);
	border-radius: 0px 0px 0.13rem 0.13rem;
	margin:-0.26rem auto 0;
}
.bgCont .cont1 .c1{
	height: 1.06rem;
}
.bgCont .cont1 .c1 .t1{
	display: block;
	width: 1.55rem;
}
.bgCont .cont1 input{
	width: 5.09rem;
	height: 100%;
	border: none;
	border-bottom: 1px solid #FFEDB2;
	margin-left: 0.4rem;
}
.bgCont .cont1 .bottom-btn{
	width: 6.54rem;
	height: 0.89rem;
	line-height: 0.89rem;
	font-size: 0.34rem;
	margin: auto;
}
/* 确认发放 */
.branTable1 .table>tbody>tr>td{
	height: 1.22rem;
	line-height: 1.22rem !important;
}
.branTable1 .add-cont{
	height: 100%;
	width: 3.1rem;
	padding: 0 0.2rem;
	font-size: 0.24rem;
	line-height: initial;
	flex-direction: column;
}
.issCont1{
	width: 9.57rem;
	height: 1.94rem;
	padding: 0.4rem 0;
	background: #FFF;
	box-shadow: 0px 0px 0.24rem 0px rgba(82, 58, 53, 0.14);
	border-radius: 0.13rem;
	margin: 0.26rem auto 0.36rem;
	background-color: #fff;
}
.issCont1 .cases{
	width: 100%;
	border-right: 1px solid #F1F1F1;
}
.issCont1 .cases:last-child{
	border-right: transparent;
}
.issCont1 .cases img{
	width: 1.04rem;
	height: 1.04rem;
	margin:0 0.32rem 0 0.6rem;
}
.issCont1 .cases .cont{
	height: 100%;
	flex-direction: column;
}
.issCont{
	position: relative;
}
.issCont .bannerBox{
	height: 4.4rem;
}
.issCont .bannerBox .leftBtn,.issCont .bannerBox .rightBtn{
	top: 2.26rem;
}
.issCont .search-box{
	position: absolute;
	z-index: 1;
	top: 0.1rem;
	left: 0.56rem;
	width: 8.5rem;
	height: 0.76rem;
	background: rgba(255, 255, 255, .6);
	border-radius: 0.38rem;
	padding: 0 0.66rem;
}
.issCont .search-box .img1{
	width: 0.37rem;
	height: 0.38rem;
	margin-left: 0.66rem;
}
.issCont .search-box  input{
	height: 100%;
	border: none;
	background-color:transparent;
	font-size: 0.29rem;
}
.bgCont1{
	background: transparent;
}
.bgCont1 .cont1{
	box-shadow: 0px 0px 18px 0px rgba(82, 58, 53, 0.14);
	margin-top: -0.1rem;
}
.branTable1 .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}
.bottom-btn1{
	margin: 1.13rem auto 1rem;
}
/* 设置分校 */
.bgCont .cont2{
	position: relative;
	z-index: 8;
	width: 8.86rem;
	height: 10.28rem;
	background-image: url(../img/bg.png);
	background-size: 100% 100%;
	box-shadow: 0px 0px 0.17rem 0px rgba(131, 37, 13, 0.15);
	margin:-0.26rem auto 0;
	padding: 0.93rem 0.53rem 0;
	font-size: 0.32rem;
}
.bgCont .cont2 .topCon{
	width: 100%;
	/* height: 1.86rem; */
	padding-bottom: 0.6rem;
	border-bottom: 0.02rem dashed rgba(227, 64, 64, .3);
}
.bgCont .cont2 .topCon input{
	border: none;
	margin-left: 0.21rem;
}
.bgCont .cont2 .topCon .img1{
	margin-right: 0.2rem;
}
.bgCont .cont2 .img1{
	width: 0.33rem;
	height: 0.33rem;
	margin-right: 0.46rem;
	margin-left: 0.53rem;
}
.bgCont .cont2 input{
	font-size: 0.29rem;
}
.bgCont .cont2 .botCon .cases{
	height: 1.1rem;
}
.bgCont .cont2 .botCon .cases input{
	border: none;
	border-bottom: 1px solid #f1f1f1;
	width: 5.06rem;
	height: 100%;
	margin-right: 0.26rem;
}
.bgCont .cont2 .img2{
	width: 0.24rem;
	height: 0.24rem;
	margin-right: 0.16rem;
	margin-left: 0.53rem;
}
.bgCont .cont2 .botCon .cases1{
	height: 0.8rem;
}
.bgCont .cont2 .botCon .cases1 input{
	border-bottom: none;
}
/* .bgCont .codeCont{
	width: 8.93rem;
	min-height: 6.96rem;
	background: #FFF;
	box-shadow: -1px 0px 1.3rem 0px rgba(136, 5, 5, 0.35);
	border-radius: 0.13rem;
	margin:1.33rem auto 0;
	padding: 0.33rem;
} */

.bgCont2{
	height:  4.46rem;
}
.codeBox{
	position: relative;
	width: 8.93rem;
	height: 6.96rem;
	background: #FFF;
	box-shadow: -1px 0px 1.3rem 0px rgba(136, 5, 5, 0.35);
	border-radius: 0.13rem;
	margin:-3rem auto 0;
	padding: 0.33rem;
	z-index: 10;
}
.codeBox .codeCon,.codeBoxF .codeCon1{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(226, 61, 61, .3);
	border-radius: 0.13rem;
}
.codeBox .tit-Box{
	position: absolute;
	top: -.59rem;
	left: 1.89rem;
	width: 5.14rem;
	height: 1.4rem;
	background-image: url(../img/bg1.png);
	background-size: 100% 100%;
	color: #895A07;
	font-weight: bold;
	font-size: 0.4rem;
	line-height: 1.2rem;
	text-align: center;
	letter-spacing: 0.1rem;
}
.codeBox1{
	width: 7.2rem;
	margin:0.53rem auto;
}
.codeBox1 .Tips{
	color: #702A00;
	font-size: 0.4rem;
	font-weight: bold;
	line-height: .7rem;
	text-align: center;
}
.codeBox1 .code-img{
	width: 3.86rem;
	height: 3.86rem;
	margin: 0.64rem auto;
}
.codeBox1 .code-img img{
	width: 100%;
	height: 100%;
}
.codeBox1 .Tips1{
	color: #895A07;
}
.codeBox .codeCon .img-box{
	text-align: center;
	transform: translateY(25%)
}
.codeBox .codeCon .img-box img,.codeBox .codeCon1 .img-box img{
	max-width: 80%;
	max-height: 80%;
}
.codeBoxF{
	height: auto;
}
.codeBoxF .codeCon1{
	padding: 0.93rem 0 0.66rem;
}
.codeBoxF .codeCon1 .img-text{
	width: 5.46rem;
	margin:0.43rem auto 0;
	line-height: .6rem;
	font-size: 0.32rem;
	text-align: center;
}
.codeForm{
	margin: 2rem auto 0.66rem;
}
.codeForm .bgCont3 .cont1{
	box-shadow:none;
}
.grant-box{
	width: 7.8rem;
	height: 1.94rem;
	background: #FFF;
	box-shadow: 0px 0px 0.24rem 0px rgba(82, 58, 53, 0.14);
	border-radius: 0.13rem;
	margin:0.8rem auto 1rem;
	/* padding: 0.37rem 0; */
}
.grant-box .cases{
	width: 100%;
	height: 1.2rem;
	color: #A8A8A8;
	font-size: 0.32rem;
	flex-direction: column;
}
.grant-box .cases:first-child{
	border-right: 1px solid #f5f5f5;
}
.grant-box .cases img{
	width: 0.82rem;
	height: 0.82rem;
	margin-bottom: 0.1rem;
}
.grant-box .cases.on{
	font-weight: bold;
	color: #E33D3D;
}
.codeBoxF .switch{
	width: 5.33rem;
	height: 0.9rem;
	box-shadow: 0px 0px 0.61rem 0px rgba(41, 2, 2, 0.08);
	margin:0 auto 0.66rem;
}
.codeBoxF .switch .titimg-text{
	width: 4.12rem;
	height: 100%;
	line-height: 0.9rem;
	text-align: center;
	background: #FFF;
	font-size: 0.45rem;
	font-weight: bold;
	color: #895A07;
}
.codeBoxF .switch .titimg-img{
	width: 0.6rem;
	height: 100%;
}
.codeBoxF .switch .titimg-img img{
	width: 100%;
	height: 100%;
}